
Color Doc is a color schemes which can be used to change color scheme of web packages via using FTD lang.
color-doc color scheme on your web package, add below into FASTN.ftd file:-- fastn.dependency: fifthtry.github.io/color-doc as colors
colors into FASTN/config.ftd file.-- import: colors
{ "default-colors-light": { "Accent Colors": { "primary": { "value": "#2dd4bf", "type": "color" }, "secondary": { "value": "#4fb2df", "type": "color" }, "tertiary": { "value": "#c5cbd7", "type": "color" } }, "Background Colors": { "base": { "value": "#e7e7e4", "type": "color" }, "code": { "value": "#f5f5f5", "type": "color" }, "overlay": { "value": "rgba(0, 0, 0, 0.8)", "type": "color" }, "step-1": { "value": "#f3f3f3", "type": "color" }, "step-2": { "value": "#c9cece", "type": "color" } }, "CTA Danger Colors": { "base": { "value": "#1c1b1f", "type": "color" }, "border": { "value": "#1c1b1f", "type": "color" }, "disabled": { "value": "#1c1b1f", "type": "color" }, "focused": { "value": "#1c1b1f", "type": "color" }, "hover": { "value": "#1c1b1f", "type": "color" }, "pressed": { "value": "#1c1b1f", "type": "color" }, "text": { "value": "#1c1b1f", "type": "color" } }, "CTA Primary Colors": { "base": { "value": "#2dd4bf", "type": "color" }, "border": { "value": "#2b8074", "type": "color" }, "disabled": { "value": "rgba(44, 201, 181, 0.1)", "type": "color" }, "focused": { "value": "#2cbfac", "type": "color" }, "hover": { "value": "#2c9f90", "type": "color" }, "pressed": { "value": "#2cc9b5", "type": "color" }, "text": { "value": "#feffff", "type": "color" } }, "CTA Secondary Colors": { "base": { "value": "#4fb2df", "type": "color" }, "border": { "value": "#209fdb", "type": "color" }, "disabled": { "value": "rgba(79, 178, 223, 0.1)", "type": "color" }, "focused": { "value": "#4fb1df", "type": "color" }, "hover": { "value": "#40afe1", "type": "color" }, "pressed": { "value": "#4fb2df", "type": "color" }, "text": { "value": "#584b42", "type": "color" } }, "CTA Tertiary Colors": { "base": { "value": "#556375", "type": "color" }, "border": { "value": "#e2e4e7", "type": "color" }, "disabled": { "value": "rgba(85, 99, 117, 0.1)", "type": "color" }, "focused": { "value": "#e0e2e6", "type": "color" }, "hover": { "value": "#c7cbd1", "type": "color" }, "pressed": { "value": "#3b4047", "type": "color" }, "text": { "value": "#ffffff", "type": "color" } }, "Custom Colors": { "eight": { "value": "#d554b3", "type": "color" }, "five": { "value": "#eb57be", "type": "color" }, "four": { "value": "#7a65c7", "type": "color" }, "nine": { "value": "#ec8943", "type": "color" }, "one": { "value": "#ed753a", "type": "color" }, "seven": { "value": "#7564be", "type": "color" }, "six": { "value": "#ef8dd6", "type": "color" }, "ten": { "value": "#da7a4a", "type": "color" }, "three": { "value": "#8fdcf8", "type": "color" }, "two": { "value": "#f3db5f", "type": "color" } }, "Error Colors": { "base": { "value": "#f5bdbb", "type": "color" }, "border": { "value": "#df2b2b", "type": "color" }, "text": { "value": "#c62a21", "type": "color" } }, "Info Colors": { "base": { "value": "#c4edfd", "type": "color" }, "border": { "value": "#205694", "type": "color" }, "text": { "value": "#205694", "type": "color" } }, "Standalone Colors": { "border": { "value": "#434547", "type": "color" }, "border-strong": { "value": "#919192", "type": "color" }, "scrim": { "value": "#007f9b", "type": "color" }, "shadow": { "value": "#007f9b", "type": "color" }, "text": { "value": "#584b42", "type": "color" }, "text-strong": { "value": "#141414", "type": "color" } }, "Success Colors": { "base": { "value": "#e3f0c4", "type": "color" }, "border": { "value": "#3d741f", "type": "color" }, "text": { "value": "#467b28", "type": "color" } }, "Warning Colors": { "base": { "value": "#fbefba", "type": "color" }, "border": { "value": "#966220", "type": "color" }, "text": { "value": "#966220", "type": "color" } } }, "default-colors-dark": { "Accent Colors": { "primary": { "value": "#2dd4bf", "type": "color" }, "secondary": { "value": "#4fb2df", "type": "color" }, "tertiary": { "value": "#c5cbd7", "type": "color" } }, "Background Colors": { "base": { "value": "#18181b", "type": "color" }, "code": { "value": "#21222c", "type": "color" }, "overlay": { "value": "rgba(0, 0, 0, 0.8)", "type": "color" }, "step-1": { "value": "#141414", "type": "color" }, "step-2": { "value": "#585656", "type": "color" } }, "CTA Danger Colors": { "base": { "value": "#1c1b1f", "type": "color" }, "border": { "value": "#1c1b1f", "type": "color" }, "disabled": { "value": "#1c1b1f", "type": "color" }, "focused": { "value": "#1c1b1f", "type": "color" }, "hover": { "value": "#1c1b1f", "type": "color" }, "pressed": { "value": "#1c1b1f", "type": "color" }, "text": { "value": "#1c1b1f", "type": "color" } }, "CTA Primary Colors": { "base": { "value": "#2dd4bf", "type": "color" }, "border": { "value": "#2b8074", "type": "color" }, "disabled": { "value": "rgba(44, 201, 181, 0.1)", "type": "color" }, "focused": { "value": "#2cbfac", "type": "color" }, "hover": { "value": "#2c9f90", "type": "color" }, "pressed": { "value": "#2cc9b5", "type": "color" }, "text": { "value": "#feffff", "type": "color" } }, "CTA Secondary Colors": { "base": { "value": "#4fb2df", "type": "color" }, "border": { "value": "#209fdb", "type": "color" }, "disabled": { "value": "rgba(79, 178, 223, 0.1)", "type": "color" }, "focused": { "value": "#4fb1df", "type": "color" }, "hover": { "value": "#40afe1", "type": "color" }, "pressed": { "value": "#4fb2df", "type": "color" }, "text": { "value": "#ffffff", "type": "color" } }, "CTA Tertiary Colors": { "base": { "value": "#556375", "type": "color" }, "border": { "value": "#e2e4e7", "type": "color" }, "disabled": { "value": "rgba(85, 99, 117, 0.1)", "type": "color" }, "focused": { "value": "#e0e2e6", "type": "color" }, "hover": { "value": "#c7cbd1", "type": "color" }, "pressed": { "value": "#3b4047", "type": "color" }, "text": { "value": "#ffffff", "type": "color" } }, "Custom Colors": { "eight": { "value": "#d554b3", "type": "color" }, "five": { "value": "#eb57be", "type": "color" }, "four": { "value": "#7a65c7", "type": "color" }, "nine": { "value": "#ec8943", "type": "color" }, "one": { "value": "#ed753a", "type": "color" }, "seven": { "value": "#7564be", "type": "color" }, "six": { "value": "#ef8dd6", "type": "color" }, "ten": { "value": "#da7a4a", "type": "color" }, "three": { "value": "#8fdcf8", "type": "color" }, "two": { "value": "#f3db5f", "type": "color" } }, "Error Colors": { "base": { "value": "#311b1f", "type": "color" }, "border": { "value": "#df2b2b", "type": "color" }, "text": { "value": "#c62a21", "type": "color" } }, "Info Colors": { "base": { "value": "#15223a", "type": "color" }, "border": { "value": "#205694", "type": "color" }, "text": { "value": "#1f6feb", "type": "color" } }, "Standalone Colors": { "border": { "value": "#434547", "type": "color" }, "border-strong": { "value": "#919192", "type": "color" }, "scrim": { "value": "#007f9b", "type": "color" }, "shadow": { "value": "#007f9b", "type": "color" }, "text": { "value": "#a8a29e", "type": "color" }, "text-strong": { "value": "#ffffff", "type": "color" } }, "Success Colors": { "base": { "value": "#405508ad", "type": "color" }, "border": { "value": "#3d741f", "type": "color" }, "text": { "value": "#479f16", "type": "color" } }, "Warning Colors": { "base": { "value": "#544607a3", "type": "color" }, "border": { "value": "#966220", "type": "color" }, "text": { "value": "#d07f19", "type": "color" } } } }
